<script setup>
  import { ref } from 'vue'
  import { useCounterStore } from '@/stores/counter'
  const counter = useCounterStore()
  const msg = ref('Hello Vue 3!')
</script>

<template>
  <h1>{{ msg }}</h1>
  <p>Count: {{ counter.count }}</p>
  <p>Double: {{ counter.doubleCount }}</p>
  <button @click="counter.increment">+1</button>
  <el-button type="primary">Primary</el-button>
  <el-button type="success">Success</el-button>
  <el-button type="info">Info</el-button>
  <el-button type="warning">Warning</el-button>
  <el-button type="danger">Danger</el-button>
</template>
